<ng-container *ngIf="enableWidgets">
  <ion-button class="widgets" color="dark" (click)="onWidgets()">
    <ion-icon name="grid-outline"></ion-icon>
  </ion-button>
  <ion-button
    *ngIf="widgetDrawer$ | async as drawer"
    class="sidebar"
    color="dark"
    (click)="onSidebar(drawer)"
  >
    <ion-icon name="grid-outline"></ion-icon>
  </ion-button>
</ng-container>
<div class="wrapper">
  <ion-badge
    *ngIf="!(sidebarOpen$ | async) && (unreadCount$ | async) as unreadCount"
    mode="md"
    class="md-badge"
    color="danger"
  >
    {{ unreadCount }}
  </ion-badge>
  <ion-menu-button color="dark"></ion-menu-button>
</div>
